<template>
	<view class="submit_success_container">
		<view class="submit_success_box">
			<!-- top -->
			<view class="success_img_box">
				<image :src="successSubmit" mode="" class="success_img"></image>
			</view>

			<view class="success_title">
				{{ isShowCon == false ? '您已签订合同，无需再次申请！' : '您的合同已提交，正在审核！' }}  
			</view>

			<view class="" v-if="isShowCon">
				<view class="success_con">
					您提交的合同我们工作人员正在审核，我们将在3个工作日内与您联系！
				</view>

				<view class="success_btn_box">
					<view class="success_btn" @click="handlerCustom">
						联系在线客服
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isShowCon: false,
				successSubmit: 'https://file-1314054542.cos.ap-shanghai.myqcloud.com/cos_file/wechat_xcx/66c980c9960d1_1724481737.png'
			}
		},
		methods: {
			// 联系客服
			handlerCustom() {}
		}
	}
</script>

<style lang="scss" scoped>
	.submit_success_container {
		padding: 200rpx 30rpx 0;

		.submit_success_box {
			display: flex;
			flex-direction: column;
			align-items: center;

			.success_img_box {
				width: 180rpx;
				height: 180rpx;
				margin-bottom: 40rpx;

				.success_img {
					width: 100%;
					height: 100%;
				}
			}

			.success_title {
				font-size: 32rpx;
				font-weight: 550;
				color: #000;
				padding-bottom: 40rpx;
			}

			.success_con {
				font-size: 28rpx;
				text-align: center;
				color: #959595;
				padding-bottom: 100rpx;
			}

			.success_btn_box {
				display: flex;
				justify-content: center;

				.success_btn {
					width: 400rpx;
					height: 80rpx;
					background: #418bf8;
					line-height: 80rpx;
					text-align: center;
					color: #fff;
					border-radius: 10rpx;
				}
			}
		}
	}
</style>